#archive {
  .collapsible {
    margin: 0;
    padding: 0 $card-padding;
    @media #{$medium-and-down} {
      padding: 0 $card-padding-mobile;
    }
    vertical-align: middle;
    .collapsible-header {
      color: $muted-color;
      height: 50px;
      line-height: 50px;
      vertical-align: middle;
      i,
      span {
        display: inline-block;
        vertical-align: inherit;
        line-height: inherit;
      }
      i.material-icons {
        margin-right: 6px;
      }
    }

    li {
      display: block;
    }

    .collapsible-body {
      padding: $gutter-width/2 0 $gutter-width 30px;
      position: relative;
      &:before {
        content: "";
        position: absolute;
        left: 10px;
        top: 0;
        height: 100%;
        width: 0;
        border-left: 2px dashed lighten($muted-color, 30%);
      }
    }
  }
}
